import * as React from 'react'
import { cn } from '@/lib/utils'

export function Loading({ className }: React.ComponentProps<'div'>): JSX.Element {

  return <div className={cn('width-full h-full flex items-center justify-center', className)}>
    <svg className="animate-spin -ml-1 mr-3 text-[var(--primary)]" fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg">
      <circle className="opacity-25" cx="24" cy="24" r="16" stroke="currentColor" strokeWidth="4"></circle>
      <circle
        cx="24"
        cy="24"
        r="16"
        stroke="currentColor"
        strokeDasharray="10 80"
        strokeLinecap="round"
        strokeWidth="4"
      >
      </circle>
    </svg>
  </div>

}
